<template>
  <view class="user main">
    <TabBar :list="list" />
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import TabBar from '@/components/base/TabBar/index.vue'
const list = ref([
  {
    id: 1,
    name: '精选推荐'
  },
  {
    id: 2,
    name: '户外露营'
  },
  {
    id: 3,
    name: '宠物生活'
  }
])
</script>

<style lang="scss" scoped>
.user {
  margin: 0;
}
</style>
